﻿*{ margin:0 auto; padding:0}
body {
    width: 100%;
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #333;
    font-family:'微软雅黑';

}
ul { margin:0px; padding:0px;}
ul li { list-style:none;}
img { border:0px;display:inline-block;}
.oh{ overflow: hidden; }
.fl{ float: left;}
.fr{ float: right;}
a, a:hover, a:focus {
    display: inline-block;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}
.bg-grey {
    background-color: #f9fafa !important;
}

.text-yellow {
    color: #908074 !important;
}
.txt-yellow {
    color: #be9567!important;
}
.f16 {
    font-size: 1.6rem !important;
}
.container{width:100%;}
.navbar {
    margin-bottom: 0;
    background: #ffffff !important;
    border: none !important;
    border-radius: 0;
}

.navbar-default .navbar-nav > li {
    margin-left: 60px;
}

.navbar-default .navbar-nav > li:first-child {
    margin-left: 0px;
}

.navbar-default .navbar-nav > li > a {
    color: #331203;
    font-size: 1.6rem;
    border-bottom: 3px solid #fff;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.active {
    border-bottom: 3px solid #be9567;
}

.visual {
    position: relative;
    overflow: hidden;
}

.visual .img {
    width: 100%;
}

.visual .container {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
}

.visual .btn-try {
    position: absolute;
    bottom: 30%;
    right: 10px;
}

/*-------------------------------------------------*/
/* =  footer
/*-------------------------------------------------*/

footer {
    background: #f6f1ea;
    color: #331203;
    padding: 40px 0 20px;
    font-size: 1.2rem;
}

.footer-widget {
    margin-bottom: 20px;
}

.footer-widget h5 {
    margin-top: 0;
    margin-bottom: 30px;
    position: relative;
    font-weight: bold;
}

.contact-widget .tel {
    font-size: 2.6rem;
    font-weight: bold;
    margin-right: 40px;
    line-height: 1;
}

footer .qrcode {
    max-width: 126px;
    margin-right: 0;
    margin-left: auto;
}

footer .qrcode img {
    margin-bottom: 10px;
}


.home .wrap {
    padding: 80px 0;
    position: relative;
}

.home .caption {
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    color: #331203;
    font-size: 3rem;
    line-height: 1.1;
    height: 2em;
    background: url(/Content/images/home-caption.png) no-repeat center bottom;
}

.home .inner {
    text-align: center;
    font-size: 1.6rem;
}

.home .answer {
    position: relative;
    margin: 40px auto 20px;
}

.home .answer span {
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #be9567;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: -3px;
    line-height: 24px;
}

.home .answer:before, .home .answer:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 1px;
    top: 50%;
    background-color: #be9567;
}

.home .answer:before {
    margin-left: -18px;
}

.home .answer:after {
    margin-left: 4px;
}

.home .wrap .bg1 {
    position: absolute;
    right: 40px;
    top: 20%;
}

.home .wrap2 .left {
    text-align: left;
}

.home .wrap2 .right {
    text-align: right;
}

.home .wrap2 .tt {
    text-align: center;
    line-height: 1;
    margin-top: 30px;
}

.home .wrap2 .con img {
    width: 100%;
    max-width: 155px;
}

.home .wrap2 [class*='col-'] {
    margin-top: 40px;
}

.home .wrap2 .caption {
    margin-bottom: 0;
}
/*首页的滚动图*/
.swiper-button-next, .swiper-button-prev {
    width: 29px;
    height: 58px;
    background-size: 100% auto;
}
.prev_sw1 {
    left: -100px;
    background-image: url(/Content/images/icon-prev.png);
}
.next_sw1 {
    right: -100px;
    background-image: url("/Content/images/icon-next.png");
}
.swiper-pagination {
    display: none;
    line-height: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
}
.swiper-pagination-bullet-active {
    background-color: #be9567;
}
.swiper1 {
    margin-left: -12px;
    margin-right: -12px;
}
.swiper1 .swiper-slide {
    padding: 0 12px;
}
.swiper1 .pic {
    text-align: center;
    display: block;
    max-width: 350px;
    width: 100%;
    position: relative;
    margin: auto;
    cursor: default;
}
.swiper1 .pic:first-child{
    margin-bottom: 24px;
}

.swiper1 .pic img {
    display: block;
    width: 100%;
}

.swiper1 .pic .title {
    position: absolute;
    width:100%;
    left:0;
    bottom:0;
    background-color: rgba(51,18,3,.6);
    color: #fff;
    padding: 10px 0;
    line-height:1.3;
}




.banner{ background:url(../images/banner.jpg) no-repeat center center;display: table; width:100%;height:300px;color: #331203;}
.banner-contents{ display:table-cell;vertical-align:middle;text-align:center;}
.banner-title{ font-size:3.4rem;line-height:1;font-family:'华文新魏';font-family:'\534E\6587\65B0\9B4F';}

.main-wrap{ background:url(../images/bg-detail.jpg) repeat-y center;background-size:100%;}
.main{ display: table;table-layout: fixed;}
.left1{ background-color: #fdfcfb;display: table-cell;vertical-align: top;border-right: 1px solid #e3e0de;padding-top: 60px;padding-right: 48px;width: 23%;}
.left1title {width:100%;font-size: 3.6rem;color: #000;margin-bottom: 45px;line-height:1;}
.left1menu { width:100%;margin-bottom: 80px}
.left1menu ul li { border-bottom:1px solid #e3e0de;line-height:5;font-size:1.6rem;}
.left1menu ul li a { color:#404040;display: block;}
.left1menu ul li a.active { color:#be9567;}

.right1{ width: 78%;background-color: #fff;display: table-cell;vertical-align: top;padding: 60px 0 70px 50px;}
.rightmain {width:100%;}
.rigthtitle {width:100%;line-height:1; font-size:3.6rem; color:#404040;margin-bottom:70px;}
.righttext {width:100%;padding-bottom:10px;font-size:1.4rem;color:#333;line-height:1.7;}
.righttext p {line-height:inherit;color:inherit;}
.righttext img{ max-width: 100%; }
.righttext [class*='col-']{margin-bottom:30px;}

.right1 ul li { line-height:3;font-size:1.6rem;}
.right1 ul li a { color:#404040;display: block;}
.right1 ul li a.active { color:#be9567;}

/* line 518, ../sass/screen.scss */
.right1 .paginator {
    color: #666;
    margin-top: 15px;
    text-align: center;
}
    /* line 522, ../sass/screen.scss */
    .right1 .paginator a {
        margin: 0;
    }

/* line 527, ../sass/screen.scss */
.right1 ul.pagination {
    display: block;
    min-height: 1.5rem;
    margin-left: -0.3125rem;
}

/* line 533, ../sass/screen.scss */
.right1 .pagination-right ul.pagination {
    margin-bottom: 0;
}

/* line 537, ../sass/screen.scss */
.right1 ul.pagination li {
    display: inline-block;
}

/* line 541, ../sass/screen.scss */
.right1 ul.pagination li {
    font-size: 1.4rem;
}

    /* line 546, ../sass/screen.scss */
    .right1 ul.pagination li a, ul.pagination li button {
        display: block;
        padding: 0.0625rem 0.625rem 0.0625rem;
        color: #999;
        background: none;
        border-radius: 3px;
        font-weight: normal;
        font-size: 1em;
        line-height: 1.5;
        transition: background-color 300ms ease-out;
    }

/* line 558, ../sass/screen.scss */
.right1 ul.pagination li a {
    border: 1px solid #e9e9e9;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #333;
    padding: 3px 9px;
}

    /* line 567, ../sass/screen.scss */
    .box ul.pagination li a:hover {
        background-color: #f7f7f7;
    }

/* line 571, ../sass/screen.scss */
.right1 ul.pagination li.current a, ul.pagination li.current button {
    background: #0a84d7;
    color: #fff;
    font-weight: bold;
    cursor: default;
}

/* line 578, ../sass/screen.scss */
.right1 ul.pagination li.current a, .pagination > .active > a {
    color: #fff;
    background-color: #0a84d7 !important;
    font-weight: 400;
    border: none;
}


.img_s {
    display: none;
}
.righttext.list .item{overflow:hidden;position:relative;max-width:300px;margin:auto;}
.righttext.list .item > img{width:100%;}
.righttext.list .item .bordered{position:absolute;width:100%;height:100%;left:0;top: 0;background:url('../images/bg-case.png') no-repeat center;background-size: 100% auto;}
.righttext.list .item .tt{position:absolute;width:100%;background:url('../images/bg-case-title.png') no-repeat left center;left: 0;bottom:20px;color:#fff;padding-left:25px;height:30px;line-height:30px;}


.try .title{ color: #00a4ff;font-size:16px;line-height:35px;margin-top: 10px;border-bottom:1px solid #e5e5e5;margin-bottom:15px;}
.try .table td {font-size: 14px;font-size: 1.4rem;height: 37px;background-color: #fff;border-bottom: 3px solid #fafafa;border-left: 3px solid #fafafa;padding-left: 10px;font-weight: 400;line-height: 1.5;padding: 5px 8px;border-top:none;}
.try .table td:first-child{border-left: none;}
.try .table td.name {width: 110px;background-color: #eff6f9;text-align: right;}
.try .table td.name > span {color: #ff0000;margin-right: 5px;}
.try .table .input{width: 100%;height: 100%;margin: 0;box-shadow: none;padding: 0;font-size: 14px;font-size: 1.4rem;border: none;background-color: transparent;}
.try .table .try_submit {width: 90%;font-size: 14px;line-height: 20px;overflow: hidden;padding: 20px;text-align:center;background-color:#fafafa;height:37px;}
.try .submit {width: 150px;height: 35px;background: #00a4ff;border-radius: 5px;color: #fff;border: 0px;}